Add a mega menu with per-item featured content to the primary navigation - #223
Draft
mlaetitia wants to merge 19 commits into
Draft
Add a mega menu with per-item featured content to the primary navigation#223mlaetitia wants to merge 19 commits into
mlaetitia wants to merge 19 commits into
Conversation
…eader and page dim while open, keyboard/touch/ARIA support, and mobile submenu toggle accessibility fixes
…CF fields on menu items Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
…h-stripping thumbnail filter cannot break the lazy image's intrinsic height Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
…he code already explains, across the megamenu PHP, SCSS, and JS Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Collaborator
Author
…eader inset, brand-green accents, mobile design specs with a full-screen accordion menu, featured card text/link fields, and a Get Involved CTA Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> (cherry picked from commit f87f4d3)
… them at hardcoded offsets Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> (cherry picked from commit 37755ac)
… rename the expanded-section background to the Color naming convention Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> (cherry picked from commit bd98ba2)
…ucent panels) and move the header divider line to the open-state veil so it never flickers Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> (cherry picked from commit 58a3170)
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> (cherry picked from commit de99af5)
…u's settings, keeping Get Involved as the fallback Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> (cherry picked from commit 1070867)
…ack to a hardcoded link Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> (cherry picked from commit 21b363f)
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> (cherry picked from commit 95e255e)
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> (cherry picked from commit 21fb84a)
…nd rebuild the generated CSS Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01X94V2vAqzynRRcqP4Jji2U
…velop: chevron, panel switch, mobile logo and CTA fixes, and the hidden Get Involved item Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_011rCHPCdbV5C5dDJjEmMDuy
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_011rCHPCdbV5C5dDJjEmMDuy
…ion taps and a filter signature that could fatal Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_011rCHPCdbV5C5dDJjEmMDuy
…st and on hover Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_011rCHPCdbV5C5dDJjEmMDuy
…ry other menu item Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_011rCHPCdbV5C5dDJjEmMDuy
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Related to T51ENG-2081
Proposed changes
megamenuCSS class, with a section header, two columns of links in the order they are set in WP Admin, and an optional featured card with a 16:9 image, custom text and link.Why are these changes being made?
The new navigation structure needs a mega menu, with a featured area per dropdown that can be edited in Appearance > Menus rather than in code. The mobile menu was rebuilt to match it.
The panels are opt-in per item: nothing changes for a menu item until it is given the
megamenuclass, so the desktop navigation renders as it does today until the menu is configured. The mobile restyle and the chevrons apply immediately.Deploying
Two settings live in Appearance > Menus and are worth setting at deploy time:
megamenuon each top-level item that should open a panel. Enable "CSS Classes" and "Description" under Screen Options first.Testing instructions
megamenuclass opens a full-bleed panel on hover and on keyboard focus, and Escape closes it.🤖 Generated with Claude Code